<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="format-detection" content="telephone=no,email=no"/>
    <title>首页</title>
    <link rel="stylesheet" href="../css/style.css"/>
</head>
<body>
<div class="wrap">
    <div class="header">
        <h1>积分中心</h1>
        <span class="ui-icon icon-order"><a href="exchangelist.html" class="block">订单</a></span>
    </div>
    <div class="member-points">
        <a href="pointdetail.html" class="member-info">
            <div class="avatar">
                <img src="http://lorempixel.com/200/200"/>
                <span class="level">Lv.3</span>
            </div>
            <div>可用荔枝币</div>
            <div class="total">638</div>
        </a>

        <a href="rule.html" class="point-rule">积分规则</a>
    </div>
    <div class="page">
        <div class="topics">
            <div class="topic-item">
                <a href="lotterydetail.html" class="block">
                    <div class="r-img"><img src="http://lorempixel.com/350/200"/></div>
                    <div class="l-text">
                        <h2>春节送福幸运大抽奖</h2>
                        <div class="t-small">活动时间：2016-02-10</div>
                        <div class="t-small">活动说明：本次抽奖需要200积分，每天一次。</div>
                    </div>
                </a>
            </div>
            <div class="topic-item">
                <a href="wheel.html" class="block">
                    <div class="r-img"><img src="http://lorempixel.com/350/200"/></div>
                    <div class="l-text">
                        <h2>春节送福幸运大抽奖</h2>
                        <div class="t-small">活动时间：2016-02-10</div>
                        <div class="t-small">活动说明：本次抽奖需要200积分，每天一次。</div>
                    </div>
                </a>
            </div>
            <div class="topic-item">
                <a href="scratch.html" class="block">
                    <div class="r-img"><img src="http://lorempixel.com/350/200"/></div>
                    <div class="l-text">
                        <h2>春节送福幸运大抽奖</h2>
                        <div class="t-small">活动时间：2016-02-10</div>
                        <div class="t-small">活动说明：本次抽奖需要200积分，每天一次。</div>
                    </div>
                </a>
            </div>
            <div class="topic-item">
                <a href="shake.html" class="block">
                    <div class="r-img"><img src="http://lorempixel.com/350/200"/></div>
                    <div class="l-text">
                        <h2>春节送福幸运大抽奖</h2>
                        <div class="t-small">活动时间：2016-02-10</div>
                        <div class="t-small">活动说明：本次抽奖需要200积分，每天一次。</div>
                    </div>
                </a>
            </div>
            <div class="topic-item">
                <a href="smash.html" class="block">
                    <div class="r-img"><img src="http://lorempixel.com/350/200"/></div>
                    <div class="l-text">
                        <h2>春节送福幸运大抽奖</h2>
                        <div class="t-small">活动时间：2016-02-10</div>
                        <div class="t-small">活动说明：本次抽奖需要200积分，每天一次。</div>
                    </div>
                </a>
            </div>
        </div>

        <div class="goods-list">
            <div class="title"><h3>今日新品</h3></div>
            <div class="lists">
                <ul>
                    <li>
                        <a href="detail.html" class="block">
                            <h3>极米投影仪</h3>

                            <div class="good-cost">
                                <span class="coin">22000</span>
                                <span class="sep"></span>
                                <span class="price">2599<i>￥</i></span>
                            </div>
                            <div class="good-img"><img src="http://lorempixel.com/350/200"/></div>
                        </a>
                    </li>
                    <li>
                        <a href="error.html" class="block">
                            <h3>极米投影仪</h3>

                            <div class="good-cost">
                                <span class="coin">22000</span>
                                <span class="sep"></span>
                                <span class="price">2599<i>￥</i></span>
                            </div>
                            <div class="good-img"><img src="http://lorempixel.com/350/200"/></div>
                        </a>
                    </li>
                    <li>
                        <a href="detail.html" class="block">
                            <h3>极米投影仪</h3>

                            <div class="good-cost">
                                <span class="coin">22000</span>
                                <span class="sep"></span>
                                <span class="price">2599<i>￥</i></span>
                            </div>
                            <div class="good-img"><img src="http://lorempixel.com/350/200"/></div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
</body>
</html>